
#home {
    min-height: 100vh;    
    background: url(../../images/login/loginBg.jpg) no-repeat center bottom;
    background-size: cover;
    background-attachment: fixed;
    >div{             
        background: rgba(0,0,0,0.6);
        min-height: 100vh;
        >div{
            width:1180px; 
            margin:0 auto;
            .homeTop{
                display: flex;
                align-items: center;
                justify-content: space-between;
                color:white;
                .welcome{
                    flex-grow: 1;
                    margin-left:45px;
                }
                .logo{   
                    width: 160px;                 
                    height:80px;           
                    background: url(../../images/home/logo.png) no-repeat center left;
                    cursor: pointer;
                }
                .handle{
                    display: flex;
                    .manageSistem{
                        width:130px;
                        height:24px;
                        text-align: center;
                        line-height: 22px;
                        cursor: pointer;
                        background: #f65859;
                        border-radius: 20px;
                        margin-right: 40px;
                        .iconfont{
                            color:white;
                            margin-right: 5px;
                        }
                    }
                    .logOut{
                        cursor: pointer;
                        transition: 0.2s;
                        .iconfont{
                            display: inline-block;
                            font-size: 18px;
                            transform: translateY(2px);
                        }
                        &:hover{
                            color:#f65859;
                        }
                    }
                }
            }                       
        }        
    }
}